<template>
  <div class="loginsum-wrap">
    <div class="white" :style="{ marginTop: (viewHeight - 500)/2 + 'px',}">
      <div class="login">
        <router-view></router-view>
      </div>
    </div>

  </div>


</template>

<script>
  export default {
    name: "LoginSum",
    data() {
      return {
        viewHeight: window.innerHeight,
        marginTop:200,
      }
    },
    mounted(){
     console.log(this.viewHeight)
      window.onresize = () => {
        return (() => {
          this.viewHeight = window.innerHeight
        })()
      }
    },
    computed : {

    },
    watch : {

    },
    methods: {
      getstart(){

      }
    },
  }
</script>

<style scoped>

  .loginsum-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url("../../img/back.png") no-repeat;
    background-size: 100% 100%;
    min-width: 1000px;
    min-height: 550px;
  }

 .login{
   /*border: 1px solid black;*/
   width: 400px;
   height: 370px;
   position: absolute;
   bottom: 80px;
   right: 70px;
 }
  .white{
    width: 1000px;
    height: 500px;
    margin: 0 auto;
    position: relative;
    background: url("../../img/White.png") no-repeat;
    background-size: 100% 100%;
  }
</style>
